.SelectItemListContainer {
  display: inline-block;
}

.SelectItemList {
  appearance: none;
  // width: auto;
  box-sizing: border-box;
  // min-height: 64px;
  // min-width: 410px;
  width: 100%;

  padding: .8em 1.6em;
  color: #000000;
  background-color: #ffffff;
  background-image: url(./images/iconArrowDown.png);
  background-size: 27px 16px;
  background-repeat: no-repeat;
  background-position: 95% center;
  border: 2px solid #c2cbd8;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none;
  line-height: 1.5;   /* 表示デバイスのフォントによっては、文字の下側が切れて表示されてしまうため、広めに設定 */
}
.SelectItemList::-ms-expand {
  display: none;
}

.SelectItemList.narrow-list{
  // max-width: 310px;
  // min-width: 310px;
}

.SelectItem {
  color: #000000;
}

.SelectItemList.placeholder {
  color: #707070;
}

/* シミュレーションなど詳細結果画面 */
.layout-detail .SelectItemList {
  color: #0e7cdc;
  background-color: #ffffff;
  background-image: url(./images/iconArrowDownBlue.png);
  border-color: #0e7cdc;
}

.layout-detail .SelectItem {
  color: #0e7cdc;
}

.layout-detail .SelectItemList.placeholder {
  color: #0e7cdc;
}

/* 非活性 */
.SelectItemList.disabled,
.SelectItemList.disabled.placeholder {
  color: #bac1cb;
  background-color: #ffffff;
  background-image: url(./images/iconArrowDownDisabled.png);
  border-color: #bac1cb;
}
.SelectItemList.disabled::-ms-value,
.SelectItemList.disabled.placeholder::-ms-value {
  color: #bac1cb;              /* for IE11 */
}
/* 非活性：シミュレーション画面 */
.layout-detail .SelectItemList.disabled {
  color: #b6d7f4;
  background-color: #ffffff;
  background-image: url(./images/iconArrowDownBlueDisabled.png);
  border-color: #b6d7f4;
}
.layout-detail .SelectItemList.disabled::-ms-value {
  color: #b6d7f4;              /* for IE11 */
}

/*************************************************************************************************
 * タブレット・デスクトップ向け
 *************************************************************************************************/
@media screen and (min-width:641px) {
  .SelectItemList {
    min-width: 372px;
  }
}
